<!--
 * @Author: Bennent_G
 * @Date: 2024-12-23 16:14:13
 * @LastEditTime: 2025-01-17 10:17:24
 * @Description:
-->
<template>
	<a-layout class="container">
		<BaseLayoutSidier v-model="collapsed" />
		<a-layout>
			<BaseLayoutHeader v-model="collapsed" />
			<a-layout class="sub-layout">
				<BaseLayoutSubHeader />
				<a-layout-content class="sub-content">
					<RouterView />
				</a-layout-content>
			</a-layout>
		</a-layout>
	</a-layout>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import BaseLayoutSidier from "./mode1/BaseLayoutSidier.vue";
import BaseLayoutHeader from "./mode1/BaseLayoutHeader.vue";
import BaseLayoutSubHeader from "./mode1/BaseLayoutSubHeader.vue";

const collapsed = ref(false);
</script>

<style scoped lang="scss">
.container {
	height: 100vh;
	color: var(--base-text-color);
	.sub-layout {
		.sub-content {
			margin: 16px;
			min-height: 280px;
			border-radius: 4px;
		}
	}
}
</style>
